html,body{
    background-color: #eee;
}
.heads{
    width:100%;
    height:5rem;
    background-color:#fba940;
    position: fixed;
    z-index: 3;
}
.title{
    font-size:.36rem;
    text-align: center;
    color:#fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block ;
    top:.62rem;
}
.left{
    position: absolute;
    font-size:.34rem;
    color:#fff;
    left:.2rem;
    top:.65rem;
}
.security{
    width:80%;
    padding-bottom: .3rem;
    background-color:#fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:1.6rem;
    border-radius:.06rem;
    text-align:center;
}
.security p:nth-of-type(1){
    font-size:.22rem;
    color:#666;
    margin-top:.4rem;
}
.security p:nth-of-type(2){
    font-size:.6rem;
    color:#333;
    margin:.24rem 0;
}
.security p:nth-of-type(3){
    font-size:.24rem;
    color:#666;
    text-align: left;
    padding:0 .3rem;
}
.middles-one{
    padding:4.52rem .3rem .4rem .3rem;
    background-color:#fff;
}
.middles-one>i{
    display: inline-block;
    font-size:.3rem;
    color:#333;
    padding:.5rem 0 .18rem 0;
}
.middles-one>p{
    font-size:.24rem;
    color:#333;
}
.submits{
    display: block;
    margin:0 auto;
    margin-top:.6rem;
    width:90%;
    height:.88rem;
    background-color:#fba940;
    font-size:.34rem;
    color:#fff;
    text-align:center;
    border-radius:.44rem;
}